<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>

<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>上海山宝破碎机-中国破碎机生产和破碎机出口基地</title>
    <META
      NAME="keywords"
      CONTENT="破碎机，颚式破碎机，锤式破碎机，碎石破碎机，圆锥破碎机反击式破碎机，振动筛，喂料机，振动给料机，洗砂机，采矿设备，矿山机械，矿山机器"
    />
    <meta
      name="description"
      content="上海建设路桥机械设备有限公司是上海破碎机专业生产厂家，其山宝牌商标被认定为中国驰名商标，公司主营圆锥破碎机、单段破碎机、烘干破碎机、颚式破碎机、反击式破碎机等"
    />
    <link rel="shortcut icon" href="${pageContext.request.contextPath}/statics/images/favicon.ico" type="image/x-icon" />
    <link rel="stylesheet" href="${pageContext.request.contextPath}/statics/fonts/iconfont.css" />
    <!-- swiper -->
    <link rel="stylesheet" href="${pageContext.request.contextPath}/statics/localjs/swiper/swiper.min.css" />
    <link rel="stylesheet" href="${pageContext.request.contextPath}/statics/css/index.css" type="text/css" />
    <link rel="stylesheet" href="${pageContext.request.contextPath}/statics/css/common.css" type="text/css" />
  </head>

  <body>
    <!-- 头部 -->
    <header class="sb_header w980 clearfix">
      <a href="#" class="logo fl"><img src="${pageContext.request.contextPath}/statics/images/logo.jpg" alt=""/></a>
      <ul class="fl">
        <li><a href="${pageContext.request.contextPath}/newsShow">首页</a></li>
        <li><a href="${pageContext.request.contextPath}/threeProduct">商城</a></li>
        <li><a href="#">解决方案</a></li>
        <li><a href="${pageContext.request.contextPath}/showEnquiry">技术支持</a></li>
      </ul>
      <p id="index">
        <a class="iconfont icon-user"></a>
        <a href="${pageContext.request.contextPath}/car/addMyCard" class="iconfont icon-buy"></a>
      </p>
      <ul class="firstDown">
        <li><a href="#">我的订单</a></li>
        <li><a href="#">个人信息</a></li>
        <li><a href="#">登录</a></li>
      </ul>
    </header>

    <!-- 轮播 -->
    <nav class="sb_nav">
      <div class="swiper-container">
        <div class="swiper-wrapper">
          <div class="swiper-slide">
            <img src="${pageContext.request.contextPath}/statics/images/banner/1.jpg" alt="" />
          </div>
          <div class="swiper-slide">
            <img src="${pageContext.request.contextPath}/statics/images/banner/2.jpg" alt="" />
          </div>
          <div class="swiper-slide">
            <img src="${pageContext.request.contextPath}/statics/images/banner/6.jpg" alt="" />
          </div>
          <div class="swiper-slide">
            <img src="${pageContext.request.contextPath}/statics/images/banner/4.jpg" alt="" />
          </div>
          <div class="swiper-slide">
            <img src="${pageContext.request.contextPath}/statics/images/banner/3.jpg" alt="" />
          </div>
        </div>
        <!-- 如果需要分页器 -->
        <div class="swiper-pagination"></div>

        <!-- 如果需要导航按钮 -->
        <!-- <div class="swiper-button-prev"></div>
        <div class="swiper-button-next"></div> -->
      </div>
    </nav>

    <!-- 新闻 -->
    <section class="sb_news w980">
      <div class="top">
        <a href="#"></a>
        <span>企业新闻</span>
      </div>
      <div class="news">
        <ul>
       <c:forEach items="${newsList}" var="news">
          <li>
            <a href="${pageContext.request.contextPath}/newsDetail?id=${news.id}" class="iconfont icon-right">${news.title}</a>
            <span>${news.createTime}</span>
          </li>
       </c:forEach>
        </ul>
      </div>
    </section>

    <!-- 底部 -->
    <footer class="sb_footer w980">
      <p class="top">
        <a href="#">联系我们</a>
        <span>|</span>
        <a href="otherinfo.asp?c=12">隐私条款</a>
        <span>|</span>
        <a href="otherinfo.asp?c=13">法律声明</a>
        &nbsp;&nbsp;
        <span>电话：+86(21)-51393838</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <span>地址：上海市奉贤区金汇镇工业路188号</span>
      </p>

      <p class="bottom">
        Copyright &copy; 2012 上海建设路桥机械设备有限公司 版权所有
        沪ICP备00226688号
        <!--<a href="http://www.free-web.cn">技术支持：网动力</a>-->
      </p>
    </footer>
    <script src="${pageContext.request.contextPath}/statics/localjs/jquery/jquery.min.js"></script>
    <script src="${pageContext.request.contextPath}/statics/localjs/swiper/swiper.jquery.min.js"></script>

    <script src="${pageContext.request.contextPath}/statics/js/index.js"></script>
    <script src="${pageContext.request.contextPath}/statics/js/common.js"></script>
  </body>
</html>
